<template>
	<view style="background-color: white;padding: 40rpx 0rpx;">
		<view style="text-align: center;justify-content: center;display: flex;align-items: center;">
			<image :src="res.cover" mode="aspectFit"></image>
		</view>





		<view style="padding: 10rpx 20rpx;font-size: 30rpx;letter-spacing: 2rpx;">
			星级：{{res.star}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 30rpx;letter-spacing: 2rpx;">
			已服务：{{res.order_num}}单
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 30rpx;letter-spacing: 2rpx;">
			{{res.title}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 30rpx;letter-spacing: 2rpx;">
			{{res.attestation}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 30rpx;letter-spacing: 2rpx;">
			地址：{{res.address}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 30rpx;letter-spacing: 2rpx;">
			营业时间：{{res.start_time}}~{{res.end_time}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 30rpx;letter-spacing: 2rpx;">
			联系电话：{{res.phone}}
		</view>
		<!-- <view @click="dh" style="text-align: center;background-color: orange;color: white;width: 40%;margin:40rpx auto;height: 80rpx;line-height: 80rpx;border-radius: 20rpx;">
			导航
		</view> -->





		<view style="padding: 10rpx 20rpx;font-size: 35rpx;letter-spacing: 2rpx;">
			星级：{{res.star}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 35rpx;letter-spacing: 2rpx;">
			已服务：{{res.order_num}}单
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 35rpx;letter-spacing: 2rpx;">
			{{res.title}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 35rpx;letter-spacing: 2rpx;">
			{{res.attestation}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 35rpx;letter-spacing: 2rpx;">
			地址：{{res.address}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 35rpx;letter-spacing: 2rpx;">
			营业时间：{{res.start_time}}~{{res.end_time}}
		</view>
		<view style="padding: 10rpx 20rpx;font-size: 35rpx;letter-spacing: 2rpx;">
			联系电话：{{res.phone}}
		</view>
		<view @click="dh" style="text-align: center;background-color: orange;color: white;width: 40%;margin:40rpx auto;height: 80rpx;line-height: 80rpx;border-radius: 20rpx;">
			导航
		</view>





	</view>
</template>

<script>
	export default {
		data() {
			return {
				id:'',
				res:''
			}
		},
		onLoad(e) {
			this.id = e.id
			this.getStoreDetail()
		},
		methods: {
			dh(){
				// #ifdef H5
				window.location.href = "https://uri.amap.com/marker?position="+this.res.lng+","+this.res.lat+"&name="+this.res.title
				// #endif
			},
			async getStoreDetail(){
				// this.$api.technician.updateOrder({id:this.id})
				let res = await this.$api.shopstore.storeDetail({id:this.id})
				this.res = res
			}
		}
	}
</script>

<style>

</style>
